<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="author" content="huaicheng151201@163.com"/>
    <meta name="keywords" content="HTML,PHP,SQL"/>
    <meta name="description" content=""/>
    <meta name="revised" content=""/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta http-equiv="Cache-Control" content="no-transform"/>
    <meta name="apple-touch- fullscreen" content="yes"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="msapplication-tap-highlight" content="no"/>
    <title>甘孜</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/local_index.css">
</head>
<body>
    <header>
        <img src="images/index_back.png" alt="" width="100%">
        <div class="header_box">
            <div class="header_img">
                <ul>
                    <!--视觉-->
                    <li><a href="javascript:;" data-href="vision_index.html">
                        <img src="images/local_icon1.png" alt="">
                        <span>视觉</span>
                    </a></li>
                    <!--天籁之音-->
                    <li><a href="javascript:;" data-href="audio_visual.html">
                        <img src="images/local_icon2.png" alt="">
                        <span>天籁之音</span>
                    </a></li>
                    <!--民俗-->
                    <li><a href="javascript:;" data-href="custom_index.html">
                        <img src="images/local_icon3.png" alt="">
                        <span>民俗</span>
                    </a></li>
                    <!--吃住游-->
                    <li><a href="javascript:;" data-href="board_lodging.html">
                        <img src="images/local_icon4.png" alt="">
                        <span>吃住行</span>
                    </a></li>
                    <!--特色-->
                    <li><a href="javascript:;" data-href="http://hxbh5.vpclub.cn/hxb/activityLBS/140/2/1/10/14196256/21.html">
                        <img src="images/local_icon5.png" alt="">
                        <span>特色</span>
                    </a></li>
                </ul>
            </div>
            <!--大banner部分-->
            <div id="banner">

            </div>
            <!--小banner-->
            <div class="little_banner" style="position: relative">
                <ul style="position: absolute;left:10px;top:0;" id="j-smallbanenr">

                </ul>
            </div>
        </div>
    </header>
    <section>
        <!--新闻列表-->
        <ul id="j-news-list">
            <!-- <li>
                <div class="news_left"><img src="images/timg.jpg" alt=""></div>
                <div class="news_right">
                    <p class="news_text"> “绿化四川·甘孜行动” 在康启动</p>
                    <p class="new_img">
                        <span class="time_con"><img src="images/time.png" alt="">2017-02-20</span>
                        <span class="search_con" style="width:30%;"><img src="images/search.png" alt="">432</span>
                    </p>
                </div>
            </li> -->
        </ul>
        <button class="more j-more hide">查看更多</button>
    </section>
    <!--列表-->
    <script src="js/jquery-1.12.0.min.js"></script>
    <script src="js/touch.0.2.14.min.js"></script>
    <script src="js/lib/template.min.js"></script>
    <script src="js/reqeust.js"></script>
    <script src="js/dmui-banner.js"></script>
    <script src="js/local_index.js"></script>
    <!--小banenr-->
    <script id="banenr-list-temp" type="text/html">
        {{each list as item i}}
        <li><a class="link-items" data-title="{{item.Banner_Title}}" data-id="{{item.id}}" data-href="{{item.Banner_Href}}" href="javascript:void(0)"><img src="{{pic+item.Banner_Img}}" alt="{{item.Banner_Title}}"></a></li>
        {{/each}}
    </script>
    <script id="goods-list-temp" type="text/html">
        {{each list as item i}}
        <li data-id="{{item.id}}"  class="clearfix">
            <div class="news_left">
                {{ if  item.img}}
                <img src="{{item.img}}" alt="{{item.category}}">
                {{else}}
                <img src="images/img.png" alt="{{item.category}}">
                {{/if}}
            </div>
            <div class="news_right">
                <p class="news_text">{{item.title}}</p>
                <p class="new_img">
                    <span class="time_con"><img src="images/time.png" alt="">{{item.datetime}}</span>
                    <span class="search_con" style="width:30%;"><img src="images/search.png" alt="">{{item.pvCount}}</span>
                </p>
            </div>
        </li>
        {{/each}}
    </script>
    <script id="big-banenr-list-temp" type="text/html">
        {{each list as item i}}
        <div class="swiper-slide"><img src="{{pic+item.Banner_Img}}"></div>
        {{/each}}
    </script>
    <script>
        $(function () {
            getVideo(1);  // 获取全部视频
        });
    </script>
</body>
</html>